<!DOCTYPE html>
<html>
	<head>
		<meta charset = UTF-8 />

	<!-- CSSファイルの読み込み -->

		<link rel = "stylesheet" type = "text/css" href = "css/reset.css" />
		<link rel = "stylesheet" type = "text/css" href = "css/style.css" />

		<title>掲示板 | ファン</title>
	</head>
	<body>
		<article>

			<!-- header -->

			<header id = "header">

				<h1 id = "logo">
					<a href ="index.php"><img src ="img/logo.gif" width = "227" height = "27" alt = "株式会社フューチャースコープ"></a>
				</h1>

				<p id = "user">ようこそ田中太郎さん！</p>

				<p id = "logout"><a href = "#">ログアウト</a></p>


			</header>


			<!-- nav -->

			<nav>
				<ul class="clear">
					<li><a href = "index.php">ホーム</a></li>
					<li><a href = "profileTop.php">プロフィール</a></li>
					<li><a href = "communityList.php">コミュニティ</a></li>
					<li><a href = "articleList.php">掲示板</a></li>
					<li><a href = "albumList.php">アルバム</a></li>
				</ul>
			</nav>


			<!-- パンくずリスト -->
			<!-- ページに応じて各自書き換えること。また、hrefの中にファイル場所の記述も。 -->

			<ul id = "bread">

					<li><a href = "index.php" id = "home">ホーム</a>&gt;</li>
					<li><a href = "#">掲示板</a>&gt;</li>
					<li><a href = "#">新規作成</a></li>
			</ul>


			<!-- contents -->

			<article id = "contents" >


			<!-- サブナビゲーション -->

			<ul id = "sabNav">

					<li><a href = "#">コンテンツ１</a></li>
					<li><a href = "#">コンテンツ２</a></li>

			</ul>


			<!-- フォーム画面 -->

				<section class="clear" id ="contentsArea">

					<!-- 必要に応じてmethodなどを追加してください。 -->

					<h2 class = "articleTitle">掲示板のタイトル</h2>

					<form>
						<input type = "text" name = "name" value = "タイトル"/><br />
						<textarea name = "textarea" rows="15"></textarea><br />
						<input type = "text" name = "name" value = "タイトル"/><br />
						<input type = "text" name = "name" value = "タイトル"/><br />
						<input type = "text" name = "name" value = "タイトル"/><br />
						 <button type="submit" class="submit">送信</button>
					</form>

					<p class = "reButton"><a href = "#">戻る</a></p><br />
					<p class = "createButton"><a href = "#">新規作成</a></p><br />
					<p class = "delButton"><a href = "#">削除</a></p><br />

				</section>

				<section class="clear" id ="contentsArea">



					<!-- 返信用フォーム -->
					<!-- 必要に応じてmethodなどを追加してください。 -->


					<form class = "resform">
						<input type = "text" name = "name" value = "タイトル"/><br />
						<textarea name = "textarea" rows="5"></textarea><br />
						 <button type="submit" class="submit">送信</button>
					</form>

				</section>


			</article>

			<footer id = "footer">
				<p>Copyright &copy; 2006-2013 FutureScope. Corp. ALL Rights Reserved.</p>
			</footer>

		</article>
	</body>
</html>